<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第九章</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<style>
    .wrapper{
        margin: 0 auto;
        width: 800px;
    }
    .top{
        margin-top: 50px;
    }
</style>
<body>
<div class="list-group wrapper top">
  <a href="#" class="list-group-item active">第九章</a>
  <a href="edu_9_2_1.html" class="list-group-item">【例9-2-1】设置字体大小、样式及字体名称</a>
  <a href="edu_9_2_2.html" class="list-group-item">【例9-2-2】设置字体变体、粗细、复合属性</a>
  <a href="edu_9_3_1.html" class="list-group-item">【例9-3-1】设置字符间距、行高及首行缩进</a>
  <a href="edu_9_3_2.html" class="list-group-item">【例9-3-2】设置文字装饰及大小写转换</a>
  <a href="edu_9_3_3.html" class="list-group-item">【例9-3-3】设置水平与垂直对齐方式</a>
  <a href="edu_9_4_1.html" class="list-group-item">【例9-4-1】置页面文字颜色及背景图像</a>
  <a href="edu_9_4_2.html" class="list-group-item">【例9-4-2】设置背景图像、位置与附件</a>
  <a href="edu_9_5_1.html" class="list-group-item">【例9-5-1】CSS列表属性综合应用</a>
  <a href="edu_9_6_1.html" class="list-group-item">【例9-6-1】设置边界属性</a>
  <a href="edu_9_6_2.html" class="list-group-item">【例9-6-2】设置边框</a>
  <a href="edu_9_6_3.html" class="list-group-item">【例9-6-3】设置填充属性</a>
  <a href="edu_9_7_1.html" class="list-group-item">【例9-7-1】综合实例</a>
  <a href="exp_9_1.html" class="list-group-item">【实验9-1】DIV CSS页面布局</a>
  <a href="exp_9_2.html" class="list-group-item">【实验9-2】Head Line</a>
  <a class="list-group-item" href="../index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> 返回首页</a>
</div>
</body>
</html>
